<app-landing-page-header [title]="'Corporate Governance Research &amp; Ratings'" [subTitle]="'Monitor companies year-round and assess corporate governance-related investment risks and opportunities'"></app-landing-page-header>

<div class="container mt-5">
    <h4>Features</h4>
    <div class="row mt-3">
      <div class="col-md-6">
        <h5>Company Reports (Full Analysis)</h5>
        <div class="d-flex flex-row mt-3">
            <img src="/assets/icons-svg/icon-reports.svg" class="research-icon flex-column" />
          <span class="flex-column pl-3">In-depth reports on companies with corporate governance ratings and an analyst's outlook based on a detailed analysis of Board Integrity &amp; Quality, Board Structure, Ownership &amp; Shareholder Rights, Remuneration, Financial Reporting and Stakeholder Governance.</span>
        </div>
      </div>
      <div class="col-md-6">
        <h5>Insights (Incidents Driven)</h5>
        <div class="d-flex flex-row mt-3">
            <img src="/assets/icons-svg/icon-analyst-view.svg"class="research-icon flex-column" />
          <span class="flex-column pl-3">Real time reports on corporate governance related incidents, such as changes to executive personnel, material M&amp;A transactions, changes to compensation programs, financial reporting irregularities, material business incidents and changes to shareholder's rights.</span>
        </div>
      </div>
    </div>

    <div *ngIf="productPermissions?.governance" class="mt-5">
      <sustainalytics-table #table [columns]="columns" [source]="source" [filter]="filter" [elementCount]="elementCount" [paginationPositionDisplay]="paginationPosition"
        [displayTitle]="false" (changed)="tableOptionsChanged($event)">
      </sustainalytics-table>
    </div>
</div>